<template>
  <div class="pic-list">
    <!-- :always="false" -->
    <el-scrollbar>
      <div class="scrollbar-flex-content">
        <div v-for="(item, index) in itemList" class="pic-car" :key="index">
          <img :src="item" alt="" class="pic-car" />
          <!-- <el-image :src="item" /> -->
        </div>
      </div>
    </el-scrollbar>
  </div>
</template>
<script setup>
const props = defineProps({
  itemList: {
    type: Array,
    default: [], //advertising  cloud
  },
})
const openUrl = (redirect_url) => {
  if (redirect_url) {
    window.open(redirect_url)
  }
}
</script>
<style scoped lang="scss">
.pic-list-box {
  display: flex;
}
.scrollbar-flex-content {
  display: flex;
  .pic-car {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    -webkit-user-drag: none;
    margin: 10px;
    text-align: center;
    border-radius: 4px;
    margin: 10px 16px;
    // background: var(--el-color-danger-light-9);
    // color: var(--el-color-danger);
  }
}
</style>
